<template>
    <view class="content">
        <top-login></top-login>
        
        <view class="about">
            <view class="p">
                <image :src="vuex_theme.qrcode"></image>
                <text>客服微信号：{{ vuex_theme.wechat }}</text>
            </view>
        </view>
    </view>
</template>

<script>
    import topLogin from '@/components/topLog.vue';
    export default {
        components: {
            topLogin
        },
        data() {
            return {
            };
        }
    }
</script>

<style lang="scss">
    .content {
        @include flex(column);
        align-items: center;
        justify-content: center;
        margin: 0 36rpx;
        
        .about {
            width: 100%;
            padding: 48rpx 0;
            background-color: #fff;
            border-radius: 48rpx;
            margin: 36rpx 0 36rpx;
            .p {
                @include flex(column);
                justify-content: center;
                text-align: center;
                image {
                    width: 328rpx;
                    height: 328rpx;
                    border-radius: 8rpx;
                    margin: 0 auto;
                }
                text {
                    font-size: 36rpx;
                    height: 44rpx;
                    line-height: 44rpx;
                    margin-top: 32rpx;
                }
            }
        }
    }
</style>
